@charset "utf-8";

/**

深圳市国人伟业信息技术有限公司

http://www.grwy.cn/

**/

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label{margin:0;padding:0;box-sizing:border-box;}

fieldset,img{border:0;}

img{vertical-align:middle;max-width:100%;}

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}

.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}

.clearfix{zoom:1;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

body{color:#666;line-height:24px;font-family:'Microsoft Yahei','sans',Arial,'simsun',HELVETICA;min-width:320px;}

a{color:#666;text-decoration:none;transition:all ease 0.3s;}

/*a:hover{color:#621739;}*/

html,body{position:relative;}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.ce{text-align:center;}

.hidden{overflow:hidden;}

.nor{font-weight:normal;}

.container{position:relative;max-width:1800px;min-width:320px;margin:0 auto;}

.wrap{position:relative;max-width:1400px;min-width:320px;margin:0 auto;}

.hTopic{font-size: 36px;font-weight: normal;color: #191919;text-align: center;margin-bottom: 50px;}

.hTopic span{font-size: 14px;color: #999999;display: block;text-transform: uppercase;margin-top:8px;position: relative;}

.hTopic span:after{content: "";position: absolute;width: 20px;height: 5px;background-color: #621739;bottom: -10px;left: 50%;margin-left: -10px;}



@font-face {

  font-family: 'iconfont';

  src: url('../font/iconfont.eot');

  src:

    url('../font/iconfont.eot?#font-spider') format('embedded-opentype'),

    url('../font/iconfont.woff') format('woff'),

    url('../font/iconfont.ttf') format('truetype'),

    url('../font/iconfont.svg') format('svg');

  font-weight: normal;

  font-style: normal;

  }

  /*公共字体引用*/

 @font-face {

  font-family: 'sans';

  src: url('../font/DroidSansChinese.eot');

  src:

    url('../font/DroidSansChinese.eot?#font-spider') format('embedded-opentype'),

    url('../font/DroidSansChinese.woff') format('woff'),

    url('../font/DroidSansChinese.ttf') format('truetype'),

    url('../font/DroidSansChinese.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



.iconfont {

  font-family:"iconfont" !important;

  font-style:normal;

  font-size: 12px;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

  position:relative;

}



/*广告切换*/

.banner .wapImg{display: none;}

.banner .hd{bottom: 30px;}

.banner .hd span{border: 2px solid #ce9790;width: 10px;height: 10px;}

.banner .hd .swiper-pagination-bullet-active{background-color: #ce9790}

.bannerPrev,.bannerNext{width: 24px;height: 7px;background-repeat: no-repeat;bottom: 38px;top: auto;background-size: auto;}

.bannerPrev{left: 45%;background-image: url(../images/hico2.png);}

.bannerNext{right: 45%;background-image: url(../images/hico3.png);}



/*pc导航*/

.wapHeader{display: none;}

.pcNav{height: 110px;background: url(../images/pcNav-bg.jpg) no-repeat center center;}

.pcNav .container{position: relative;}

.pcNav .headerLogo{position: absolute;left: 0;top: 0;line-height: 110px;}

.pcNav .headerNav{padding: 43px 0 42px 35%;}

.pcNav .headerNav .menu1>li{float: left;}

.pcNav .headerNav .menu1>li>a{font-size: 18px;color: #6d6d6d;margin: 0 40px;}

.pcNav .headerTel{font-size: 22px;color: #5d5d5d;padding-left: 21px;background: url(../images/hico1.png) no-repeat left center;position: absolute;right: 0;top: 0;line-height: 110px;}

.pcNav .headerNav .menu1>li>a:hover,.pcNav .headerNav .menu1>li>a.current{color: #621739}



/*资质*/

.honor{overflow: hidden;}

.honor li{display: block;float: left;width: 33.33%;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 264px;text-align: center;font-size: 26px;color: #fff;}

.honor li a{color: #fff;}

.honor li i{display: block;width: 140px;height: 70px;background-repeat: no-repeat;background-size: 100%;background-position: center center;margin: 50px auto 20px;transition: all .6s;}

.honor li:nth-child(1){background-image: url(../images/hZz-bg1.jpg);}

.honor li:nth-child(2){background-image: url(../images/hZz-bg2.jpg);}

.honor li:nth-child(3){background-image: url(../images/hZz-bg3.jpg);}

.honor li:nth-child(1) i{background-image: url(../images/hZz-ico1.png);}

.honor li:nth-child(2) i{background-image: url(../images/hZz-ico2.png);}

.honor li:nth-child(3) i{background-image: url(../images/hZz-ico3.png);}

.honor li:hover i{transform: translateY(-10px);}

/*案例*/

.case{padding: 80px 0;}

.case .hTopic{position: relative;}

.case .hTopic b{display: block;font-size: 14px;font-weight: normal;}

.caseTab{text-align: center;font-size: 0;margin-bottom: 45px;}

.caseTab a{display: inline-block;font-size: 16px;color: #333333;padding: 0 50px;background-position: right center;background-repeat: no-repeat;background-image: url(../images/case-ico.png);transition: all .5s;}

.caseTab a:last-child{background-image: none;}

.caseTab a:hover{color: #621739}

.caseItem ul{overflow: hidden;}

.caseItem li{width: 25%;float: left;margin-bottom: 40px;}

.caseItem li .pic{width: 100%;padding-top: 73.3%;position: relative;overflow: hidden;}

.caseItem li .cover{position: absolute;content: "";left: 0;right: 0;bottom: 0;top: 0;background: rgba(98,23,57,0.8);transition: all .5s;opacity: 0;color: #fff;font-size: 14px;padding:15% 10%;}

.caseItem li .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s;}

.caseItem li .txt{padding: 20px 0;position: relative;}

.caseItem li .txt h5{font-size: 16px;color: #191919;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;transition: all .5s;}

.caseItem li .txt p{width: 80%;font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 24px;}

.caseItem li .txt:after{content: "";position: absolute;width: 20px;height: 1px;left: 0;bottom: 0;background-color: #b2b2b2;transition: all .5s;}

.caseItem li:hover .pic img{transform: scale(1.1);}

.caseItem li:hover .pic:after{left: 4%;right: 4%;bottom: 5%;top: 5%;opacity: 1}

.caseItem li:hover .pic i{top: 50%;opacity: 1}

.caseItem li:hover .txt h5{color: #621739}

.caseItem li:hover .txt:after{background-color: #621739;width: 98%;}

.caseItem li:hover .cover{opacity: 1;}

.case .more{display: block;font-size: 16px;color: #191919;margin: 0 auto;width: 70px;;text-align: center;transition: all .5s;}

.case .more span{display: block;font-size: 12px;color: #c5c5c5;text-align: center;position: relative;}

.case .more span:before{content: "";position: absolute;width: 100%;height: 4px;background-color: #621739;left: 0;top: -4px;transition: all .5s;}

.case .more:hover span:before{width:0;left: 50%;}

.case .more:hover{color: #621739}



/*服务*/

.service{background-image: url(../images/serve-bg.jpg);background-repeat: no-repeat;background-position: center center;padding: 80px 0;}

.serviceMain{overflow: hidden;}

.serviceMain li{width: 33.33%;float: left;height: 368px;background-color: #fff;box-sizing: border-box;-moz-box-sizing:border-box;border-right: 1px solid #d9d9d9;transition: all .4s;}

.serviceMain li a{display: block;text-align: center;padding-top: 60px;border-box;-moz-box-sizing:border-box;width: 100%;height: 100%;}

.serviceMain li:last-child{border-right: 0}

.serviceMain li i{display: block;width: 70px;height: 70px;background-image: url(../images/hLarge-ico1.png);background-repeat: no-repeat;background-position: center 0;margin: 0 auto;transition: all .3s;overflow: hidden;}

.serviceMain li h5{font-size: 24px;color: #333333;font-weight: normal;padding: 20px 0 30px;}

.serviceMain li h5 span{display: block;font-size: 12px;color: #adadad}

.serviceMain li p{font-size: 14px;color: #666666;position: relative;padding: 0 10px;}

.serviceMain li p:after{content: "";position: absolute;width: 26px;height: 1px;background-color: #621739;left: 50%;margin-left: -13px;bottom:-50px;}

.serviceMain li:nth-child(2) i{background-image: url(../images/hLarge-ico2.png);}

.serviceMain li:nth-child(3) i{background-image: url(../images/hLarge-ico3.png);}

.serviceMain li:hover{background-color: #621739;}

.serviceMain li:hover h5,.serviceMain li:hover h5 span,.serviceMain li:hover p{color: #fff;}

.serviceMain li:hover p:after{background-color: #fff;}

.serviceMain li:hover i{background-position: center -70px;}



/*关于我们*/

.about{background-image: url(../images/hAbout-bg.jpg);background-repeat: no-repeat;background-position: center center;padding: 80px 0;overflow: hidden;}

.aboutMain{background-color: #fff;width: 46%;padding:4% 3%;float: right;min-width: 700px;}

.aboutMain .hTopic{text-align: left;}

.aboutMain .hTopic span:after{left: 0;margin-left: 0;}

.aboutMain h2{font-size: 20px;font-weight: normal;color: #191919;margin-bottom: 30px;}

.aboutMain .txt{font-size: 14px;color: #666666;line-height: 22px;margin-bottom: 40px;}

.aboutMain .more{font-size: 14px;color: #bbbbbb;font-style: italic;transition: all .5s;position: relative;}

.aboutMain .more:after{position: absolute;content: "";width: 40px;height: 7px;background-image: url(../images/more-ico1.png);background-repeat: no-repeat;background-position: center center;left: auto;top: 50%;margin-top: -3px;margin-left: 10px;transition: all .5s;}

.aboutMain .more:before{position: absolute;content: "";width: 40px;height: 7px;background-image: url(../images/more-ico2.png);background-repeat: no-repeat;background-position: center center;left:50px;top: 50%;margin-top: -3px;margin-left: 10px;opacity: 0;transition: all .8s;}

.aboutMain .more:hover:after{opacity: 0;transform: translateX(20px);}

.aboutMain .more:hover:before{opacity: 1;transform: translateX(20px);transition-delay: .3s}

.aboutMain .more:hover{color: #621739;}



/*新闻*/

.news{position: relative;}

.news:after{position: absolute;content: "";width: 0;border-left: 1px dotted #cccccc;height: 100%;left: 50%;top: 0;bottom: 0}

.newsLeft{width: 50%;float: left;padding: 60px 0;}

.newsLeft .box{margin-right: 60px;}

.newsRight{width: 50%;float: right;padding: 60px 0;}

.newsRight .box{margin-left: 60px;}

.news .title{font-size: 26px;color: #191919;font-weight: normal;overflow: hidden;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #e5e5e5}

.news .title span{color: #bbbbbb;display: block;float: right;text-align: right;line-height: 24px;margin-right: 30px;position: relative;}

.news .title span:after{position: absolute;content: "";width: 20px;height: 4px;background-color:#621739;right: -30px;top: 10px; }

.news .title span b{display: block;font-size:14px;font-weight: normal; }

.news .list li{margin-bottom: 20px;position: relative;overflow: hidden;}

.news .list li:before{position: absolute;content: "";width: 4px;height: 4px;background-color: #621739;left: 0;top:50%;margin-top: -2px;}

.news .list li a{font-size: 16px;color: #333333;padding-left: 15px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;width: 80%;}

.news .list li .time{float: right;font-size: 12px;color: #999999;width: 15%;text-align: right;}

.news .list li:hover a{padding-left: 30px;color: #621739;}



/*底部*/

.footer{background-color: #242424;font-size: 12px;color: #929292;padding: 50px 0;}

.footerEwm{display: none}

.footerLeft{width: 50%;float: left;margin-right: 3%}

.footerMidd{width: 40%;float: left;}

.footerRight{width: 90px;float: right;}

.footerLeft a{color: #929292;}

.footerLeft .note{margin-left: 20px;}

.footerLeft .note a{color: #929292;padding: 0 10px;border-right: 1px dotted #666;}

.footerLeft .note a:last-child{border-right: 0;}

.footerLeft a:hover,.footerLeft .note a:hover{color: #fff;}

.footerMidd{font-size: 12px;color: #929292}

.footerMidd span{margin-right: 10px;}

.footerMidd a{color: #fff;margin-right: 10px;}

.footerRight a{display: inline-block;width: 20px;height: 20px;background-position: center center;background-repeat: no-repeat;margin: 0 2px;}

.footerRight .wb{background-image: url(../images/footer-ico1.png);}

.footerRight .qq{background-image: url(../images/footer-ico2.png);}

.footerRight .wx{background-image: url(../images/footer-ico3.png);position: relative;}

.footerRight .wx .ewmImg{position: absolute;width: 100px;height: 100px;padding: 3px;background-color: #fff;border: 1px solid #ccc;left: 50%;margin-left: -50px;max-width: none;top: -115px;display: none;}

.footerLink{padding: 24px 0;background-color: #1c1c1c;font-size: 14px;color: #929292}

.footerLink span{margin-right: 10px;}

.footerLink a{color: #929292;padding: 0 10px;border-right: 1px dotted #666;font-size: 12px;}

.footerLink a:last-child{border-right: 0;}

.footerLink a:hover{color: #fff;}

.footBar{display: none;}





/*内页活动样式*/

.listBanner{height: 300px;background-repeat: no-repeat;background-size: cover;background-position: center center;}

.listWrap{padding-bottom: 70px;}

.pageNav{padding: 70px 0;}

.pageNav ul{overflow: hidden;text-align:center;font-size: 0}

.pageNav ul li{display: inline-block;font-size: 16px;padding: 0 40px;background-image: url(../images/hNav-bg.png);background-repeat: no-repeat;background-position: right center;}

.pageNav ul li a{color: #5d5c5c;position: relative;}

.pageNav ul li a:after{content: "";position: absolute;width: 0;left: 50%;bottom: -2px;height: 3px;background-color: #6b2544;transition: all .4s;}

.pageNav ul li a:hover:after,.pageNav ul li .current:after{left: 0;width: 100%}

.pageNav ul li a.current{color: #6b2544}



/*关于我们专题页*/

.pAbout{padding: 70px 0 0 0;background-color: #f3f3f3;position: relative;}

.pAbout .main{overflow: hidden;background-color:#fff;height: 670px;}

.pAbout .main .pic{width: 52%;float: left;height: 100%;background-size: cover;background-repeat: no-repeat;background-position:center center;display: block;}

.pAbout .main .font{width: 48%;float: right;padding: 60px 40px;}

.pAbout .main .font .hTopic{text-align: left;}

.pAbout .main .font .hTopic span:after{left:10px;}

.pAbout .main .font h2{font-size: 20px;color: #191919;font-weight: normal;margin-bottom: 20px;}

.pAbout .main .font .txt{font-size: 14px;color: #666666;line-height: 22px;}

.pAbout .main .font .txt p{margin-bottom:20px; }

.pAbout .posit{width: 1110px;position: absolute;bottom: 0;right: 0;background-color: #621739;overflow: hidden;}

.pAbout .posit ul{height: 180px;}

.pAbout .posit li{text-align: center;border-right: 1px solid #6b2545;height: 100%;transition: all .4s;}

.pAbout .posit li i{display: block;width: 50px;height: 50px;margin: 40px auto 20px;transition: all .4s;}

.pAbout .posit li i img{display: block;width: 100%;height: 100%;}

.pAbout .posit li span{color: #fff;font-size: 14px;display: block;background-image: url(../images/pAb-line.png);background-repeat: no-repeat;background-position: right 3px;padding: 0 10px;}

.pAbout .posit li:last-child span{background-image: none;}

.pAbout .posit li:hover i{transform: translateY(-5px);}

.pAbout .posit li:hover{background-color: #82023c}

.pCult{background-color: #f1f1f1;padding: 80px 0;}

.pCult .main{background-color: #fff;overflow: hidden;background-image: url(../images/pCult-bg.jpg);background-repeat: no-repeat;background-position: right center;height: 464px;}

.pCult .main .topic{font-size: 24px;color: #191919;font-weight: normal;margin-bottom: 60px;}

.pCult .main .topic span{display: block;font-size: 14px;color: #d6d6d6;position: relative;}

.pCult .main .topic span:after{content: "";position: absolute;width: 19px;height: 4px;background-color: #621739;left: 0;bottom: -10px;}

.pCult .fontOne{width: 21%;float: left;padding: 60px 0 0 50px;box-shadow: 0 0 30px 10px rgba(0,0,0,0.1);height: 100%;}

.pCult .fontTwo{width: 24%;float: left;padding: 60px 50px;height: 100%;}

.pCult .fontOne b{font-weight: normal;width: 50%;display: block;float: left;margin-bottom: 20px;font-size: 14px;}

.pCult .fontTwo .txt{font-size: 14px;line-height: 26px;text-align: justify;}



.pSetting{padding: 80px 0;}

.pSetting .main{background-image:url(../images/pSett-bg.jpg);background-repeat: no-repeat;background-position: left center;height: 610px;position: relative;}

.pSetting .main .item{width: 1183px;background-color: #f3f3f3;padding: 30px;position: absolute;right: 0;height: 550px;top: 30px;overflow: hidden;}

.pSetting .main .item li{width: 225px;height: 163px;float: left;margin-right: 1px;margin-bottom: 1px;}

.pSetting .main .item li a{display: block;overflow: hidden;position: relative;}

.pSetting .main .item li a .tit{position: absolute;left: 0;right: 0;bottom: 0;height:0;line-height: 40px;background: rgba(106,35,67,0.8);text-align: center;font-size: 14px;color: #fff;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;opacity: 0;}

.pSetting .main .item li img{display: block;width: 225px;height: 163px;transition: all .4s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.pSetting .main .item li:nth-child(1){width: 670px;height: 490px;}

.pSetting .main .item li:nth-child(1) img{width: 670px;height: 490px;}

.pSetting .main .item li:hover img{transform: scale(1.1);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: 0;}

.pSetting .main .item li:hover a .tit{height: 40px;opacity: 1;}

.pHonor{padding: 70px 0;background-color: #f1f1f1;}

/*.pHonor .item li{width: 16.6%;}*/

.pHonor .item li .pic{display: block;background-color: #fff;position: relative;overflow: hidden;border: 10px solid #fff;}

.pHonor .item li .pic img{width: 100%;height: 100%;transition: all .4s;}

.pHonor .item li .tit{display: block;height: 60px;line-height: 60px;padding: 0 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333333;background-color: #fff;margin-top: 1px;transition: all .4s;}

.pHonor .item li:hover .tit{background-color: #621739;color: #fff;}

.pHonor .item li:hover .pic img{transform: scale(1.1);}

.pHonor .main .hd{position:static;margin-top: 10px;}

.pHonor .main .hd span{width: 12px;height: 12px;border: 2px solid #6a2343;display: inline-block;background: none;opacity: 1;}

.pHonor .main .hd .swiper-pagination-bullet-active{background-color: #6a2343}





/* 品彦服务*/

.pServe{padding: 80px 0;background-color: #f3f3f3;}

.pServe .main li{overflow: hidden;margin-bottom: 10px;background-color: #fff;height: 405px;}

.pServe .main li .pic{display: block;width: 50%;height: 100%;float: left;overflow: hidden;}

.pServe .main li .pic i{display:block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;animation: slowBig 6s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}

.pServe .main li .font{width: 50%;float: left;padding: 50px 70px;}

.pServe .main li .font i{display:inline-block;width: 70px;height: 70px;overflow: hidden;margin-bottom: 15px;}

.pServe .main li .font h5{font-size: 34px;color: #2f2f2f;margin-bottom: 50px;}

.pServe .main li .font h5 span{display: block;font-size: 14px;color: #c2c2c2;position: relative;margin-top: 5px;margin-left: 2px;}

.pServe .main li .font h5 span:after{position: absolute;width: 20px;height: 1px;background-color: #621739;bottom: -15px;left: 0;content: "";}

.pServe .main li .font p{font-size: 14px;color: #a6a6a6;margin-bottom: 40px;}

.pServe .main li .font .zixun{display: inline-block;width: 155px;height: 36px;line-height: 36px;border: 1px solid #bebebe;text-align: center;font-size: 12px;color: #666666;transition: all .4s;}

.pServe .main li .font .zixun em{display: inline-block;width: 22px;height: 20px;background-image: url(../images/pServe-ico1.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-right: 10px;transition: all .4s;}

.pServe .main li .font .zixun:hover em{background-image: url(../images/pServe-ico2.png);}

.pServe .main li .font .zixun:hover{background-color: #621739;color: #fff;border-color: #621739}

.pServe .main li:nth-child(2n) .pic{float: right;}

.pServe .main li:nth-child(2n) .font{text-align: right;}

.pServe .main li:nth-child(2n) .font h5 span:after{right: 0;left: auto;}

.pServe .main li:nth-child(2) .font i img{position: relative;left: 8px;}

.pServe .main li:nth-child(4) .font i img{position: relative;left: 14px;}

.pServe .main li:hover .pic i{animation-play-state: running;transform: none;margin-left: 0}

@keyframes slowBig {

  to {transform:scale(1.1,1.1);}

}





/*新闻列表*/

.pNews{padding: 0 0 80px 0;}

.pNews .main li{width: 50%;background-color: #f3f3f3;overflow: hidden;margin-bottom: 10px;height: 320px;}

.pNews .main li .pic{display: block;width: 50%;float: left;overflow: hidden;height: 100%;}

.pNews .main li .pic i{display: block;width: 100%;height: 100%;transition: all .4s;background-repeat: no-repeat;background-position: center center;background-size: cover}

.pNews .main li .font{width: 50%;float: left;padding: 45px;height: 100%;position: relative;z-index: 0}

.pNews .main li .font:after{content: "";position: absolute;left: 0;top: 0;width: 80%;background-color: #621739;bottom: 0;opacity: 0;transition: all .4s;z-index: -1}

.pNews .main li .font h5{font-size: 18px;color: #191919;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}

.pNews .main li .font .time{display: block;font-size: 12px;color: #999999}

.pNews .main li .font p{font-size: 14px;line-height: 22px;margin: 20px 0;height: 110px;overflow: hidden;}

.pNews .main li .font .more{display: block;font-size: 12px;color: #c3c3c3}

.pNews .main li .font .more em{display: inline-block;width: 40px;height: 7px;background-image: url(../images/more-ico3.png);background-repeat: no-repeat;background-position: center center;margin-right: 15px;}

.pNews .main li:hover .font:after{width: 100%;opacity: 1;}

.pNews .main li:hover .font,.pNews .main li:hover p,.pNews .main li:hover .time,.pNews .main li:hover h5{color: #fff;}

.pNews .main li:hover .more em{background-image: url(../images/more-ico4.png);}

.pNews .main li:hover .pic i{transform:scale(1.1);}

.pNews .main .hd{position:static;margin-top: 10px;}

.pNews .main .hd span{width: 12px;height: 12px;border: 2px solid #6a2343;display: inline-block;background: none;opacity: 1;}

.pNews .main .hd .swiper-pagination-bullet-active{background-color: #6a2343}



.newsList{padding: 50px 0;background-color: #f3f3f3}

.newsList ul{margin-right: -30px;}

.newsList li{width: 20%;float: left;margin-bottom: 30px;}

.newsList li a{display: block;margin-right: 30px;background-color: #fff;padding: 30px;position: relative;}

.newsList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #621739;position: absolute;transition: all .4s;}

.newsList li a h5{font-size: 18px;color: #191919;line-height: 22px;margin-bottom: 10px;transition: all .4s;height: 44px;overflow: hidden;}

.newsList li a .time{font-size: 12px;color: #999999;}

.newsList li a .txt{font-size: 14px;line-height: 20px;margin: 15px 0 25px;height: 81px;overflow: hidden;}

.newsList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}

.newsList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}

.newsList li a:hover .pic img{transform: scale(1.1);}

.newsList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}

.newsList li:hover a{transform: scale(1.02);}

.newsList li:hover a:after{width: 100%;}

.newsList li:hover a h5{color: #621739}





/*联系我们*/

.pContact{padding: 80px 0;background-color: #f3f3f3;}

.pContact .item li{overflow: hidden;height: 455px;background-color: #fff;margin-bottom: 10px;}

.pContact .item li .pic{display: block;width: 50%;height: 100%;float: left;overflow: hidden;}

.pContact .item li .pic i{display:block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;animation: slowBig 6s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}

.pContact .item li:hover .pic i{animation-play-state: running;transform: none;margin-left: 0}

.pContact .item li .font{width: 50%;float: left;padding: 70px;}

.pContact .item li .font .word{display: inline-block;width: 240px;height: 46px;line-height: 46px;text-align: center;font-size: 22px;color: #ffffff;background-color: #621739;margin-bottom: 25px;}

.pContact .item li .font .txt{font-size: 14px;line-height:30px;margin-bottom: 40px;}

.pContact .item li .font .btn{overflow: hidden;}

.pContact .item li .font .btn a{display: inline-block;width: 150px;height: 46px;line-height: 46px;border: 2px solid #cfcfcf;text-align: center;font-size: 14px;color: #3d3d3d;font-size: 14px;margin-right:10px;transition: all .4s;}

.pContact .item li .font .btn a:hover{background-color: #621739;color: #fff;border-color: #621739}

.pContact .item li:nth-child(2n) .pic{float: right;}

.pContact .item li:nth-child(2n) .font{text-align: right;}

.pContact .bott{overflow: hidden;height: 465px;background-color: #fff;}

.pContact .bott .map{width: 50%;float: left;height: 100%;background-color: #eeecdb}

.pContact .bott .map #dituContent{width: 100%;height: 100%}

.pContact .bott .mess{width: 50%;float: left;height: 100%;padding: 50px;}

.pContact .bott .mess .topic{font-size: 20px;color: #333333;margin-bottom: 45px;}

.pContact .bott .mess .topic span{display: block;font-size: 12px;color: #9a9a9a;position: relative;}

.pContact .bott .mess .topic span:after{content: "";position: absolute;width: 20px;height: 3px;background-color: #621739;bottom: -10px;left: 0;}

.pContact .bott .mess form{overflow: hidden;}

.pContact .bott .mess .txt{width: 50%;float: left;f}

.pContact .bott .mess .txt span{display: block;border: 1px solid #d9d9d9;height: 46px;margin-bottom: 10px;line-height: 46px;}

.pContact .bott .mess .txt input{display: inline-block;height: 100%;width: 80%;font-size: 14px;}

.pContact .bott .mess .txt span i{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin: 0 15px;}

.pContact .bott .mess .txt span:nth-child(1) i{background-image: url(../images/pCont-ico1.png);}

.pContact .bott .mess .txt span:nth-child(2) i{background-image: url(../images/pCont-ico2.png);}

.pContact .bott .mess .txt span:nth-child(3) i{background-image: url(../images/pCont-ico3.png);}

.pContact .bott .mess .cont{width: 49%;border: 1px solid #d9d9d9;padding: 15px;float: right;position: relative;}

.pContact .bott .mess .cont:after{content: "";position: absolute;width: 18px;height: 18px;background-image: url(../images/pCont-ico4.png);background-repeat: no-repeat;background-position: center center;left: 15px;top: 18px;}

.pContact .bott .mess .cont textarea{font-size: 14px;padding-left: 25px;height: 123px;width: 100%}

.pContact .bott .mess .bot{clear: both;overflow: hidden;}

.pContact .bott .mess .bot .code{display: block;width: 100px;height: 46px;line-height: 46px;border: 1px solid #d9d9d9;text-align:center;font-size: 14px;float: left;margin-bottom: 10px;}

.pContact .bott .mess .codeImg{display: block;float: left;height: 46px;line-height: 46px;width: 80px;border: 1px solid #d9d9d9;text-align: center;margin: 0 10px;}

.pContact .bott .mess .sub{display: block;width: 200px;height: 46px;line-height: 46px;background-color: #621739;text-align: center;font-size: 14px;color: #fff;transition: all .4s;cursor: pointer;}

.pContact .bott .mess .sub:hover{opacity: 0.8;}





/*案例详情*/

.caseDetail{padding: 80px 0;}

.caseDetail .title{font-size: 36px;color: #191919;position: relative;margin-bottom: 60px;text-align: center;}

.caseDetail .title:after{position: absolute;width: 20px;height: 3px;background-color: #621739;bottom: -20px;left: 50%;margin-left: -10px;content: "";}

.caseSwiper{position: relative;background-color: #0d0d0d;padding-bottom: 10px;}

.pictureShow{width: 100%;margin: 0 auto;height:820px;margin: 0 auto 10px !important;background-color: #fff;}

.pictureShow li{background-size: cover;background-position: center;}

.pictureShow li a{display: block;width: 100%;height: 100%;}

.pictureSlider {width:87.5%;height: 160px;box-sizing: border-box; padding: 2px 0 !important;}

.pictureSlider li {width: 25%;height: 100%;background-size: cover;background-position: center;position: relative;cursor: pointer;}

.pictureSlider li:after{content: "";position: absolute;width: 100%;height: 100%;background:#621739;opacity: 0;transition: all .4s;}

.caseSwiper .swiper-button-next,.caseSwiper .swiper-button-prev{width: 5.5%;height: 40px;background-color: #621739;bottom:70px;top:auto;background-size: auto;background-repeat: no-repeat;background-position: center center;}

.caseSwiper .swiper-button-prev{left: 0;background-image: url(../images/pJtc-ico1.png);}

.caseSwiper .swiper-button-next{right: 0;background-image: url(../images/pJtc-ico2.png);}

.caseSwiper .active-nav:after{opacity: 0.6;}

.caseDetail  .content{margin-top: 40px; }

.caseDetail  .content .tit{font-size: 26px;color: #000000;}

.caseDetail  .content .item{margin: 30px 0;font-size: 14px;}

.caseDetail  .content .item span{margin-right: 30px;}

.caseDetail  .content .item span b{color: #621739}

.caseDetail  .content .item .font{font-size: 16px;}

.caseRelate,.termRelate{background-color: #f0f0f0;padding: 50px 0;}

.barRelate{overflow: hidden;margin-bottom: 35px;}

.barRelate h3{font-size: 28px;color: #000000;float: left;}

.barRelate h3 span{color: #a3a3a3;font-size: 14px;position: relative;margin-left: 10px;}

.barRelate h3 span:after{position: absolute;width: 20px;height: 3px;background-color: #621739;bottom: 2px;content: "";margin-left: 5px;}

.barRelate .more{float: right;font-size: 12px;color: #999999;}

.barRelate .more i{display: inline-block;width: 13px;height: 13px;background-image: url(../images/cmore-ico.png);background-repeat: no-repeat;background-position:center center;margin-right: 5px;vertical-align: middle;transition: all .4s;}

.barRelate .more:hover{color: #621739;}

.barRelate .more:hover i{transform: rotate(360deg);}

.caseRelate ul{overflow: hidden;}

.caseRelate li{width: 25%;float: left;}

.caseRelate li .pic{width: 100%;padding-top: 73.3%;position: relative;overflow: hidden;}

.caseRelate li .cover{position: absolute;content: "";left: 0;right: 0;bottom: 0;top: 0;background: rgba(98,23,57,0.8);transition: all .5s;opacity: 0;color: #fff;font-size: 14px;padding:10% 8%;}

.caseRelate li .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s;}

.caseRelate li .txt{padding: 20px 0;position: relative;}

.caseRelate li .txt h5{font-size: 16px;color: #191919;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;transition: all .5s;}

.caseRelate li .txt p{width: 80%;font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.caseRelate li .txt:after{content: "";position: absolute;width: 20px;height: 1px;left: 0;bottom: 0;background-color: #b2b2b2;transition: all .5s;}

.caseRelate li:hover .pic img{transform: scale(1.1);}

.caseRelate li:hover .pic:after{left: 4%;right: 4%;bottom: 5%;top: 5%;opacity: 1}

.caseRelate li:hover .pic i{top: 50%;opacity: 1}

.caseRelate li:hover .txt h5{color: #621739}

.caseRelate li:hover .txt:after{background-color: #621739;width: 98%;}

.caseRelate li:hover .cover{opacity: 1;}



.termRelate ul{margin-right: -20px;overflow: hidden;}

.termRelate li{width: 25%;float: left;}

.termRelate li a{display: block;margin-right: 30px;}

.termRelate li .pic{display: block;width: 100%;padding-top: 70%;position: relative;overflow: hidden;}

.termRelate li .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}

.termRelate li .font{padding: 20px 0;transition: all .4s;}

.termRelate li h5{font-size: 16px;color: #191919;height: 43px;overflow: hidden;margin-bottom: 15px;}

.termRelate li p{font-size: 14px;color: #555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.termRelate li:hover .pic img{transform: scale(1.1);}

.termRelate li:hover .font{padding: 20px 15px;background-color: #621739}

.termRelate li:hover .font h5{color: #fff;}

.termRelate li:hover .font p{color: #fff;}







/*环境列表*/

.settingList ul{margin-right: -25px;}

.settingList li{width: 25%;margin-bottom: 25px;float: left;}

.settingList li .pic{display: block;width: 100%;padding-top: 73%;position: relative;overflow: hidden;}

.settingList li .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .5s;}

.settingList li a{display: block;margin-right: 25px;transition: all .5s;}

.settingList li .tit{display: block;height: 50px;line-height: 50px;font-size: 14px;text-align: center;color: #585858;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}

.settingList li a:hover .pic img{transform: scale(1.1);}

.settingList li a:hover{box-shadow: 0 0 10px 2px rgba(0,0,0,0.05);}

.settingList li a:hover .tit{background-color: #621739;color: #fff;}



/*荣誉列表*/

.honorList ul{margin-right: -25px;}

.honorList li{width: 20%;float: left;margin-bottom: 25px;}

.honorList li a{margin-right: 25px;display: block;position: relative;}

.honorList li .pic{display: block;background-color: #fff;position: relative;overflow: hidden;border: 10px solid #f1f1f1;padding-top: 122%}

.honorList li .pic img{width: 100%;height: 100%;transition: all .4s;position: absolute;top: 0;left: 0;}

.honorList li .tit{display: block;height: 50px;line-height: 50px;padding: 0 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333333;background-color: #fff;margin-top: 1px;transition: all .4s;}

.honorList li:hover .tit{background-color: #621739;color: #fff;}

.honorList li:hover .pic img{transform: scale(1.05);}



/*新闻详情*/

.pictureTitle{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #dadada;}

.pictureTitle h3{font-weight: normal;font-size: 28px;font-weight: normal;color: #333;text-align: center;margin-bottom: 15px;}

.showArticle{padding: 60px 0;}

.showArticle .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}

.pictureTitle .time{display: block;font-size: 14px;color: #999999;text-align: center;}

.showArticle .articleContent{margin-bottom: 30px;}

.showArticle .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;}

.showArticle  .articlePage .post-prev,.showArticle  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;}

.showArticle  .articlePage a{display: block;width: 100%;height: 100%;}

.showArticle  .articlePage .pageImg{transition: all .5s;float: left;}

.showArticle  .post-prev .pageImg{text-align: right;float: right;}

.showArticle  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;float: right;}

.showArticle  .articlePage .post-prev h5{right: 0;text-align: right;}

.showArticle  .articlePage .post-next h5{text-align: left;float: left;left: 0;}

.showArticle  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;float: left;}

.showArticle  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(../images/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;}

.showArticle  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(../images/pageJt-icoR.png) no-repeat -40px center;transition: all .5s;float: right;}

.showArticle .articleHost  h3{height: 30px;line-height: 30px;font-size: 22px;font-weight: normal;color: #303030;margin-bottom: 20px;}

.showArticle .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;}

.showArticle .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 48%;box-sizing: border-box;-moz-box-sizing: border-box;margin-right: 2%;}

.showArticle .articleRelate-news li .time{color: #ccc;float: right;font-size: 12px;}

.showArticle .articleRelate-news li a{display: block;background: url(../images/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;transition: all .5s;left: 0;float: left;font-size: 14px;width: 75%;}

.mobliePage{display: none;}

.showArticle  .articlePage .post-prev:hover .pageImg,.showArticle  .articlePage .post-next:hover .pageImg{color: #fff;}

.showArticle  .articlePage .post-prev:hover,.showArticle  .articlePage .post-next:hover{background-color: #621739}

.showArticle  .articlePage .post-prev:hover h5{color: #fff;right:25px;}

.showArticle  .articlePage .post-next:hover h5{color: #fff;left:25px;}

.showArticle  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}

.showArticle  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}

.showArticle .articleRelate-news li:hover a{color: #621739;left: 10px;}

.mobliePage{display: none;margin-bottom: 30px;}

.mobliePage .post-prev,.mobliePage .post-next{overflow: hidden;margin-bottom: 10px;}

.mobliePage .pageTitle{float: left;font-size: 14px;color: #333}

.mobliePage h5{font-size: 14px;float: left;}







/*面包屑导航*/

.breadCrumb{border-bottom: 1px solid #f0f0f0;}

.breadCrumb .wrap{height: 60px;line-height: 60px;color: #a1a1a1;font-size: 14px;}

.breadCrumb  a{font-size: 14px;color: #a1a1a1;}

.breadCrumb .back{width: 120px;height: 36px;line-height: 36px;display:block;color: #fff;font-size: 14px;background-color: #999;float: right;text-align: center;border-radius: 4px;margin-top: 12px;transition: all .4s;}

.breadCrumb .back:hover{background-color: #621739}



/*KTV装修设计案例列表*/

.projectList ul{margin-right: -30px;}

.projectList li{width: 50%;float: left;margin-bottom: 30px;}

.projectList li a{display: block;margin-right: 30px;background-color: #ececec;height: 250px;overflow:hidden;}

.projectList li a .pic{width: 42%;height: 100%;float: left;overflow: hidden;}

.projectList li a .pic i{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;transition: all .4s;background-size: cover}

.projectList li a .font{width: 58%;padding: 45px 5%;float: left;box-sizing: border-box;-moz-box-sizing:border-box;}

.projectList li a .font h5{font-size: 18px;color: #191919;font-weight: normal;margin-bottom: 20px;height: 48px;overflow: hidden;}

.projectList li a .font p{font-size: 14px;color: #555555;margin-bottom: 25px;height: 48px;overflow: hidden;}

.projectList li a .font .time{display: block;font-size: 12px;color: #7b7b7b}

.projectList li a:hover .pic i{transform: scale(1.1);}

.projectList li a:hover h5{color: #621739}



/*KTV设计腕儿*/

.termList ul{margin-right: -20px;}

.termList li{width: 20%;float: left;margin-bottom:50px;}

.termList li a{display: block;margin-right: 30px;}

.termList li .pic{display: block;width: 100%;padding-top: 70%;position: relative;overflow: hidden;}

.termList li .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}

.termList li .font{padding: 20px 0;transition: all .4s;}

.termList li h5{font-size: 16px;color: #191919;height: 43px;overflow: hidden;margin-bottom: 15px;}

.termList li p{font-size: 14px;color: #555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.termList li:hover .pic img{transform: scale(1.1);}

.termList li:hover .font{padding: 20px 15px;background-color: #621739}

.termList li:hover .font h5{color: #fff;}

.termList li:hover .font p{color: #fff;}



/*品彦声明*/

.Declare{padding: 80px 0;background-color: #f3f3f3;}

.Declare .main{background-color: #fff;padding: 100px 0;}

.Declare .main .w1200{max-width: 1200px;margin: 0 auto;min-width: 320px;}

.Declare .main .pic{display: block;width: 35%;float: left;}

.Declare .main .font{width: 65%;float: left;border-left: 2px solid #621739;box-sizing: border-box;-moz-box-sizing:border-box;padding-left: 9%;}

.Declare .main .font p{font-size: 16px;color: #333333;margin-bottom:30px;}

.Declare .main .font  .word{display: block;font-size: 16px;margin-top: 100px;}

.Declare .main .font  .word strong{display: block;font-size: 16px;color: #621739;font-weight: normal;margin-top: 10px;}

/*新加代码*/
.listWrapper{padding:50px 0;overflow:hidden;}
.grWidth{width:1200px; margin:0 auto;}

.shadow{background: url('../images/shadow.jpg') repeat-x;height:10px;}
.listMenu{height:90px;}
.listMenu a{float:left;width:140px;height:50px;line-height:50px;background: url('../images/worth_btn.png') no-repeat -162px 0;color:#fff;padding-left:22px;font-size:16px;margin-right:30px;}
.listMenu a:hover,.listMenu .current{background-position: 0 0;}
.caseList{width:1400px;overflow:hidden;}
.caseList ul{width:100%;/*width:1240px;*/}
.caseList li{float:left;width:380px;margin:0 20px 30px 0;}
.caseList li .cImg{width:380px;height:205px;overflow:hidden;display:block;}
.caseList li img{width:380px;height:205px;transition:all 0.5s;}
.caseList li .font{background:#eee;padding:15px;height:80px;}
.caseList li .font h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:30px;font-weight:normal;background: url('../images/c_Icon.png') no-repeat right center;}
.caseList li .font h4 a{color:#333;}
.caseList li .font P{ font-size:12px;}
.caseList li:hover img{transform:scale(1.1,1.1);}
.caseList li:hover .font{background: url('../images/case_font.jpg') no-repeat;color:#fff;}
.caseList li:hover .font h4{background: url('../images/c_Icon2.png') no-repeat right center;}
.caseList li:hover .font h4 a{color:#fff;}